<template>
  <div>
    <my-header></my-header>
    <div class="game">
      <router-link :to="{name: 'home/recommend'}">推荐</router-link>
      <router-link :to="{name: 'home/about'}">贼惦记</router-link>
      <router-link :to="{name: 'home/gourmet'}">美食</router-link>
      <router-link :to="{name: 'home/fransnana'}">母婴</router-link>
    </div>
    <router-view/>
  </div>
</template>
<script>
  import MyHeader from '../home/MyHeader/MyHeader.vue'
  export default {
    data() {
      return{

      }
    },
    components: {
      MyHeader,
    }
  }
</script>
<style scoped>
  .game {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
    background: white;
    display: flex;
    justify-content: space-around;
  }
  a {
    color: #333333;
  }
  .router-link-active {
    color: red;
    border-bottom: 1px solid red;
  }
</style>
